/* 
    Document   : login
    Created on : Oct 21, 2011, 7:12:48 PM
    Author     : KarimSherif
    Description:
        Purpose of the stylesheet follows.
*/
body{
    font-family:tahoma, Helvetica, sans-serif; 
    font:normal 12px Arial;
    margin-top: 150px;
    padding:0px;
    /* background-image:url('../../images/loginBg.gif') ; */
    background: url("#{resource['images/loginBg.gif']}");
}

body{ font-family: Tahoma, Arial; 
      font-size:11px; 
      font-weight:bold; 
      color: #999999; 
      background-image:url('../images/loginBg.gif') ;
      margin-top: 150px;
      padding:0px;
}
h1{
    color:black;
    text-align:right;
    text-decoration:underline;
}
h2{ 
    color:maroon;
    text-align:right;
}
p{
    color:purple;
    font-size:small;
    text-align:center;
    text-decoration: none;	
}

a	{  
    color:orange;
}

a:hover{ 
    color:white;
}

.container{	
    width:590px; 
    height:auto; 
    margin:0 0 0 0; 
     margin-left: auto;
    margin-right: auto;
}

#header{ 
    background:transparent url('images/hd.jpg') repeat-x top; 
    width:590px; 
    height:107px; 
    border:1px gray double; 
    display:block;

}

.loginForm{ 
    float:left; 
    text-align: center; 
    padding-top: 37%;
    padding-left: 20%;
    color:red; 
}

.compLogoAreaImg{
    width: 196px;height: 126px;
    text-align: center;
    padding-top: 25%;
/*    padding-left: 5%;*/
}

.main{ 
    width:590px; 
    height: 290px;
    background: url("#{resource['images/LoginBgCell.gif']}");
    /* background-image:url('../images/LoginBgCell.gif') ; */
    display:inline-block; 
    /*    padding:0 0 0 0; */
    margin-left: auto;
    margin-right: auto;
}

.loginArea{ 
    width:337px; 
    float:right; 
    height:290px; 
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    text-align:right; 
}

.compLogoArea{
    width:243px;
    height:290px;
    text-align:right;
    float:left;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.blackArea{
    height:40px;
    width:590px;
/*    padding:7px 0px 0px 0px;
    margin:0px 0px 0px 0px;*/
    background-color: #1e1e1e;
}
.blackLineArea{
    height:7px;
    width:590px;
}
.shadowArea{
    height:52px;
    width:590px;
    padding:0px 0px 0px 0px;/*
    margin:0px 0px 0px 0px;*/
    background-color: #1e1e1e;
}
.ntgLogo{
    height:43px;
    width:263px;
    padding:0px 0px 0px 0px;
    float: right;
    background-color: #1e1e1e;
}


.button {
    border: none;
    background: url("#{resource['images/loginArrow.gif']}") no-repeat top left;
    /* background: url('../images/loginArrow.gif') no-repeat top left; */
    height: 30px;
    width: 40px;
}
.input{
    height: 12px;
    width: 160px;
    font-size: 10px;
    text-align: center;
}

.ui-panel-content{
background-color: red;	
}
	